<template>
  <div class="Myheader">
  <svg class="icon" aria-hidden="true" style="font-size: 0.5rem">
    <use xlink:href="#icon-31liebiao"></use>
  </svg>
    <input type="text" placeholder="你算什么男人">
    <svg class="icon" aria-hidden="true" style="font-size: 0.4rem;color: #999999">
      <use xlink:href="#icon-sousuo"></use>
    </svg>
  </div>
</template>

<script>
export default {
  name: "MyHeader"
}
</script>

<style scoped>
.Myheader{
  display: flex;
  justify-content: space-between;
  padding-top: 0.2rem;
  align-items: center;
}
input{
  flex: 1;
  margin-left:0.2rem;
  border: none;
  background-color: #f8f8f8;
  border-radius: 0.2rem;
  padding-left: 0.2rem;
  height: 0.5rem;
}

</style>